<!DOCTYPE html> 
 
<html lang="en"> 
  <head> 
    <meta charset="utf-8"> 
    <title>ajax Test1</title> 
    <style type="text/css">
     
    </style>
    <script language="javascript" src="js/jquery-1.11.1.js"></script>
    <script type="text/javascript">

    $(function(){

       $('#letter-c a').click(function(event) {
         /* Act on the event */
         event.preventDefault(); 
         $.getScript('js/c.js');
       });
    })
    </script>
  </head> 
 
  <body>  
    <div id="dictionary"> </div>
    <div class="letters"> 
      <div class="letter" id="letter-a"> 
        <h3><a href="entries-a.html">A</a></h3> 
      </div> 
      <div class="letter" id="letter-b"> 
        <h3><a href="entries-a.html">B</a></h3> 
      </div> 
      <div class="letter" id="letter-c"> 
        <h3><a href="entries-a.html">C</a></h3> 
      </div> 
      <div class="letter" id="letter-d"> 
        <h3><a href="entries-a.html">D</a></h3> 
      </div> 
      <!-- and so on --> 
    </div>
  </body> 
</html>